.head{
    width: 100%;
    height: 66px;
    border-bottom: 1px solid deepskyblue;
    padding: 0px 30px;
    box-sizing: border-box;
    position: absolute;
    z-index: 10;
    
    li{
        margin: 0px 30px;
        
    }
    a{
        height: 26px;
        text-align: center;
        line-height: 26px;
        border-radius: 13px;
        font-size: 12px;
        color: white;
    }
    .loginbtn{
        width: 58px;
        height: 26px;
        border:1px solid deepskyblue;
        
       
       
    }
    .regbtn{
        margin-left: 10px;
        width: 78px;
        height: 26px;
        background-color: #ed510a;
        color: white;

    }
    .active{
        position: relative;
        a{
            color: deepskyblue;
            font-size: 16px;
        }
    }
    .active::after{
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        background-color: deepskyblue;
        position: absolute;
        top: 44px;
    }
    li:hover{
        cursor: pointer;
    }
    .loginbtn:hover{
        opacity: .5;
    }
    .regbtn:hover{
        opacity: .5;
    }
}
// 页脚
.foot{

    padding:16px 0px 20px 0px;
    .foot-top{
        width: 100%;
    }
    h3{
        width: 160px;
        height: 68px;
        line-height: 68px;
        color: #000;
        font-size: 14px;
    }
    li{
        width: 168px;
        height: 28px;
        line-height: 28px;
        a{
            font-size: 12px;
        color: #b3b3b3
        }
    }
    
    .top-box{
        width: 110px;
        height: 210px;
       align-items: flex-end;
    
        h2{
            font-size: 16px;
            color: #000;
            margin-top: 20px;
        }
        p{
            font-size: 12px;
            color: #c0c0c0;
            margin: 14px 0px 24px 0px;
        }
        img{
            width: 110px;
            height: 110px;
        }
    }
    .foot-bottom{
        margin-top:38px;
        p{
            color: #d1d1d1;
            a{
                color: #d1d1d1;
            }
        }



    }


}